<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.detail{ margin-left:33px; margin-bottom:5px; font-size:12px}
.p1{ color:#666; margin-left:-33px}	
.redButt{ background-color:transparent; background-image:url(image/redbutt.gif); padding:4px 8px 4px 8px; line-height:18px; background-position:0 0; background-attachment:scroll; background-clip:border-box; background-repeat:no-repeat}
.smallTitle{color:#060; font-size:14px; clear:both}
</style>
	
</head>

<body style="text-align:center; line-height:162%"  onload="initialize()">
	<div style="width:950px; margin:auto auto">
    	<div style="width:590px;  padding-right:40px; float:left">
        	<div style=" font-size:12px">
            	<div style="float:left; display:inline; padding-right:50px">
                	<img width="175" height="260" src="image/test.jpg" />
                </div>
                <div style=" word-wrap:break-word; text-align:left; margin:0 0; padding:0 0; float:left">
                	<h1>放飞机啦啦啦</h1>
                    <div class="detail"><span class="p1">时间:</span>6月25日 至 7月6日 每天 19:30 - 22:00</div>
                    <div class="detail"><span class="p1">地点:</span>广州 天河区 地铁五号线潭村A口金碧华府私人工作室 </div>
                    <div class="detail"><span class="p1">费用:</span>25元(会员)　35元(非会员)</div>
                    <div class="detail"><span class="p1">类型:</span>足球</div>
                    <div class="detail"><span class="p1">主办方:</span>xx</div>
                    <div class="detail"><span class="p1">78人感兴趣  22人参加</span></div>
                    <div style="margin-top:15px">
                    	<a class="redButt" href="">我感兴趣</a>
                        <a class="redButt" href="">我要参加</a>
                    </div>
                </div>
            </div>
            <div style="text-align:left; margin-top:24px">
            	<div class="smallTitle" >活动详情</div>
                <div style="font-size:12px">
                	武功山位于罗霄山脉北段，位于江西西部，地跨萍乡市的芦溪县、吉安市安福县、宜春市袁州区三地，是以自然风光为主要特色的山岳型风景区。
                    <br /><br />
                    人称：天上草原。最美的季节在春夏季（绿色）和秋季（黄色）。可看草原、云海、日出日落。
                    <br /><br />
                    ♥ 时间：2012年6月29日 周五晚出发 -  7月2日周一早上回来 3天活动
                      <br /><br />
                    ♥ 时间：2012年6月29日 周五晚出发 -  7月2日周一早上回来 
                      <br /><br />
                    ♥ 时间：2012年6月29日 周五晚出发 -  7月2日周一早上回来 
                    
            </div>
            </div>      
     </div>  
      <div style="float:right; width:310px; text-align:left">
          <div class="mod">
          	<h2 class="smallTitle">活动地图<span class="detail">(查看大图)</span></h2>
            <div  id="map_canvas" alt="google map"  style="width:308px; height:200px"></div>
            </div>
           </div>
      </div>
    </div>
    
<script type="text/javascript"
    src="https://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
	 function initialize() {
	var latlng = new google.maps.LatLng(23.134056, 113.358437);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
  }

</script>
</body>
</html>
